<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript" src="js/jquery-3.1.1.js"></script>
	<link rel="stylesheet" type="text/css" href="css/search.css">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
</head>
<body>
	<div class="wrap">
		<header class="search_top">
			<span style="font-size: 2.5rem;font-weight: bold;" class="tiao" ui-sref="/jingxfirst"><</span>
			<input type="text" name="" placeholder="都市异能" autofocus>
		</header>
		<!--  -->
		<div class="history-con">
			<p class="p">搜索历史</p>
			<p class="empty" ng-click="clear()">清空</p>
		</div>
		<ul class="menu-con" ng-show="!isShow">
			<li ui-sref="/interfix">重生</li>
			<li>热血</li>
			<li>黑道</li>
			<li>爽文</li>
			<li>耽美</li>
			<li>耽美</li>
			<li>虐恋情</li>
			<li>兄弟</li>
			<li>兄弟</li>
			<li>兄弟</li>
			<li>兄弟</li>
			<li>虐恋情</li>
		</ul>
		<div class="history">
			<p class="p">大家都在搜</p>
			<p ng-click="change()">换一换</p>
		</div>
		<ul class="menu-two">
			<li>重生</li>
			<li>热血</li>
			<li>黑道</li>
			<li>爽文</li>
			<li>耽美</li>
			<li>耽美</li>
			<li>虐恋情</li>
			<li>兄弟</li>
			<li>兄弟</li>
			<li>兄弟</li>
			<li>兄弟</li>
			<li>虐恋情</li>
		</ul>
		<div class="history">
			<p class="p">热搜Top榜</p>
		</div>
		<ul class="pic">
			<li>
				<img src="search/img/45150_3.jpg">
				<p>吞噬星空</p>
			</li>
			<li>
				<img src="search/img/45150_3.jpg">
				<p>吞噬星空</p>
			</li>
			<li>
				<img src="search/img/45150_3.jpg">
				<p>吞噬星空</p>
			</li>
			<li>
				<img src="search/img/45150_3.jpg">
				<p>吞噬星空</p>
			</li>
			<li>
				<img src="search/img/45150_3.jpg">
				<p>吞噬星空</p>
			</li>
		</ul>
	<!-- 结束 -->
	</div>
</body>
<script type="text/javascript">
// 添加动态事件
// 页面跳转
$('.tiao').on('click',function(){
	 	location.href='jingxuan/jingxfirst.html';
})
//清空
$('.empty').on('click',function(){
	$('.menu').hide();
	$('.history-con').hide();

})
</script>
</html>